<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <style>
    div{
      width: 200px; height: 200px;
      border: 2px solid red;
      /*overflow: hidden;*/   /* 超出部分隐藏 */
      /*overflow: scroll;*/  /* 超出部分滚动显示 */
    }
    img{
      vertical-align: baseline;  /* 基线对齐  默认*/
      vertical-align: top;  /* 上对齐 */
      vertical-align: middle; /* 中对齐 */
      vertical-align: bottom;  /* 下对齐 */
    }
  </style>
</head>
<body>
<input type="text"><img src="../b.jpg" width="100">
<div>
  <img src="../b.jpg">
</div>
</body>
</html>